<template>
  <h1>{{ a1 }}</h1>
  <input ref="input" v-model="a1" />
  <input :value="a1" />
  <hr />
  <slot1>
      <h1>这是在父组件定义的插槽内容</h1>
  </slot1>
</template>
<script>
import Slot1 from '../../components/Slot1.vue'

export default {
  components: {
    Slot1
  },
  data() {
    return {
      a1: 'hello world',  
    }
  },

  setup() {
    debugger
  },
  beforeCreate() {
    debugger
  },
  created() {
    debugger
  },
  beforeMount() {
    debugger
  },
  mounted() {
    debugger
  },
  beforeUpdate() {
    debugger
  },
  updated() {
    debugger
  },
  beforeUnmount() {
    debugger
  },
  unmounted() {
    debugger
  },
  
}
</script>